.bgImage {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: block;
	height: 340rpx;
}
.navBox{
		width: 100%;
		position: fixed;
		top: 100rpx;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 36rpx;
		text-align: center;
		height: 88rpx;
		line-height: 88rpx;
		.backBtn{
			position: absolute;
			left: 30rpx;
			bottom: 20rpx;
			margin:auto 0;
			width: 40rpx;
			height: 40rpx;
			line-height: 40rpx;
		}
		>p{
			width: 100%;
			height: 44rpx;
		}
	}
.tabsBox{
	position: relative;
	z-index: 11;
	width: 750rpx;
	height: 104rpx;
	background: transparent;
	font-size: 28rpx;
	font-weight: bold;
	color: #ADADAD;
	display: flex;
	align-items: center;
	padding: 0 100rpx;
	justify-content: space-between;
	box-sizing:border-box;
	.active{
		position: relative;
		font-size: 32rpx;
		color: #fff;
		&::before{
			opacity: 0.7;
			content: '';
			width: 36rpx;
			height: 20rpx;
			position: absolute;
			bottom: 0;
			right: 0;
			border-radius: 12rpx  12rpx  0rpx  12rpx;
			background-image: linear-gradient(to right,#4EBC7B,#47E969);
		}
	}
	
}
.listBox{
	position: relative;
	z-index: 11;
	width: 100%;
	height: calc(100vh - 310rpx);
	.listItem{
		width: 690rpx;
		height: 140rpx;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		padding: 34rpx 24rpx ;
		box-sizing: border-box;
		background-color: #21222B;
		color:#fff;
		margin-top: 28rpx;
		>view{
			display: flex;
			align-items: center;
		}
		>view:nth-child(1){
			>image{
				width: 63.75rpx;
				height: 71.76rpx;
			}
			>text{
				margin-left: 30rpx;
				font-size: 30rpx;
			}
		}>view:nth-child(2){
			>image{
				width: 28rpx;
				height: 28rpx;
			}
			>text{
				margin-right:6rpx;
				font-size: 24rpx;
			}
		}
	}
}

.emptyBox{
	width: 100%;
	height: 60vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	color: #999;
	font-size: 28rpx;
	position: relative;
	z-index: 111;
	>image{
		width: 500rpx;
		height: 500rpx;
		margin-bottom: 50rpx;
	}
}
.popBox{
	width: 580rpx;
	height: 488rpx;
	background: linear-gradient(RGBA(92, 60, 82, 1) -30%, RGBA(40, 48, 74, 1));
	border-radius: 25rpx;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top:50rpx;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	.title{
		font-weight: bold;
		font-size: 40rpx;
	}
	.content{
		font-size: 28rpx;
		margin: 40rpx 0;
	}
	.btn{
		display: flex;
		flex-direction: column;
		align-items: center;
		>text{
			width: 492rpx;
			height: 98rpx;
			line-height: 98rpx;
			border-radius: 50rpx;
		}
		>text:nth-child(1){
			margin-bottom: 24rpx;
			background-image: linear-gradient(90deg, #ab4ab1 -10%, #1f89d4);
		}
		>text:nth-child(2){
			background-clip: padding-box, border-box;
			background-origin: padding-box, border-box;
			background-image: linear-gradient(to right, #28304A, #28304A), linear-gradient(90deg, #AB4AB1, #1F89D4);
			border: 1px solid transparent;
		}
	}
}